<template>
  <div class="welcomeDiv">
    <img alt="Da-Shou logo" src="../assets/logo-b.png" />
    <div style="text-align: center;width: 50%;margin: auto">
      <h1>欢 迎 来 到 您 的 答 手</h1>
      <h3>使用教程</h3>
      <el-collapse v-model="activeName" accordion style="text-align: left">

        <el-collapse-item title="温馨提示" name="1">
          <div>0. 软件<span style="color: red">不读取游戏</span>，只识别画面内容，拿视频也可以用，<span style="color: red">放心使用，不会封号</span>
          </div>
          <div>1. 如果觉得操作繁琐，请联系管理，购买远程服务。</div>
          <div>2. 可以白嫖，但请嘴下、手下留情；<span style="color: red">白嫖党只看前四步就行。</span></div>
          <div>3. 服务器维护、题库维护、软件维护、售前、售后、时间等都是成本。</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;几块钱，穷不了你，也富不了我。</div>
        </el-collapse-item>
        <el-collapse-item title="第一步：注册" name="2">
          <div>1. 下载【答手.zip】，解压到您能找的到的位置，管理员身份运行【<i class="el-icon-s-tools"></i>设置工具】</div>
          <div>2. 在【设置工具】界面中输入账号密码，先【保存数据】，然后【注册】。</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 尽量使用您的QQ号作为账号，便于记忆与管理</div>
        </el-collapse-item>
        <el-collapse-item title="第二步：测试使用" name="3">
          <div>1. 右键【测试视频】- 打开方式 - 电影和电视。</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 必须要windows自带的电影和电视，其他的播放器不行，如果没有，请自行安装。</div>
          <div>2. 右键【设置工具】- 管理员身份运行，【移动<span style="color: red">视频</span>窗口】</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 此时播放【测试视频】的【电影和电视】会移动到屏幕的左上角，靠上但不完全靠左</div>
          <div>3. 打开【答手】（按键版和手动版功能相同，只是操作方式不同）</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 如果软件没有自动置于最上层，请以管理员身份运行【答手】</div>
          <div>4. 开始操作答题</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 一定不要遮挡画面中题目区域，软件不读取游戏数据，遮挡则无法识别题目</div>
        </el-collapse-item>
        <el-collapse-item title="第三步：正式使用" name="4">
          <div>1. 打开游戏 -ESC- 游戏设置 - 显示模式 - 无边框</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 分辨率不用管，一定要无边框，HUD尺寸：大</div>
          <div>2. 右键【设置工具】- 管理员身份运行，【移动<span style="color: red">游戏</span>窗口】</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 此时游戏窗口会移动到屏幕的左上角，靠上但不完全靠左</div>
          <div>3. 打开【答手】（按键版和手动版功能相同，只是操作方式不同）</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 如果软件没有自动置于最上层，请以管理员身份运行【答手】</div>
          <div>4. 开始操作答题</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 一定不要遮挡画面中题目区域，软件不读取游戏数据，遮挡则无法识别题目</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;Tips: 正式答题使用时，可将两个版本都打开，如果一个版本没反应，立马用另一个</div>
        </el-collapse-item>
        <el-collapse-item title="第四步：参数设置" name="5">
          <div>Tips: 共4个坐标，8个数字</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(x1,y1) 是题目左上角 ； (x2,y2) 是题目右下角；</div>
          <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(x3,y3) 是选项左上角 ； (x4,y4) 是选项右下角；</div>
          <div>1. 右键【设置工具】- 管理员身份运行</div>
          <div>2. 启动微信，以微信截图（快捷键alt+a）为例，以下简称【截图】</div>
          <div>3. 将鼠标移动到题目左上角，【截图】，会看到弹出框内有POS(x1,y1)，将其填入【设置工具】x1 y1</div>
          <div>4. 将鼠标移动到题目右下角，【截图】，会看到弹出框内有POS(x2,y2)，将其填入【设置工具】x2 y2</div>
          <div>5. 点击【查看题目截图】，会弹出只有题目的图片，如有缺失或多余信息，请回到第3步</div>
          <div>6. 将鼠标移动到选项左上角，【截图】，会看到弹出框内有POS(x3,y3)，将其填入【设置工具】x3 y3</div>
          <div>7. 将鼠标移动到选项右下角，【截图】，会看到弹出框内有POS(x4,y4)，将其填入【设置工具】x4 y4</div>
          <div>8. 点击【查看选项截图】，会弹出只有选项的图片，如有缺失或多余信息，请回到第6步</div>
          <div>9. 点击【查看题目截图】，会弹出只有题目的图片，如有缺失或多余信息，请回到第3步</div>
          <div>10. 确认无误后，回到此网站，在【我】界面上传至对应的方案，并提交</div>
        </el-collapse-item>
        <el-collapse-item title="第五步：AI使用" name="6">
          <div>Tips: 以下为付费内容，白嫖党可以止步了。</div>
          <div>1. 购买开通AI卡密，购买后管理会给视频教程</div>
          <div>2. 右键【设置工具】- 管理员身份运行，检查账号密码输入后，将卡密粘贴到对应位置，点击【开通AI】</div>
          <div>3. 回到此网站，点击【我】，登录，</div>
          <div>4. 根据视频教程注册AI</div>
          <div>5. 在【我】界面填写对应内容</div>
          <div>6. 提交。提交后即可正常使用AI！</div>

        </el-collapse-item>
        <el-collapse-item title="第六步：离线客服" name="7">
          <div>
            <el-link href="https://qm.qq.com/q/bHV38WEftY" target="_blank" :underline="false">点击此处加入群聊【星球重启答手售后群】
            </el-link>
          </div>
        </el-collapse-item>

      </el-collapse>

    </div>

  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const activeName = ref<string>('1')
</script>

<style scoped>
.welcomeDiv {
  overflow: hidden;
  text-align: center;
}

:deep(.el-collapse-item__header) {
  margin: 2px;
  background-color: rgba(255, 255, 255, 0.65);
}

:deep(.el-collapse-item__wrap) {
  margin: 2px;
  will-change: height;
  background-color: rgba(255, 255, 255, 0.65);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #EBEEF5;
}
</style>